<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>10.Bootstrap响应式工具栏</title>
    <link rel="stylesheet" href="../css/bootstrap.css"/>

    <script src="../js/jquery-1.11.1.min.js"></script>
    <script src="../js/bootstrap.js"></script>
</head>
<body>
<!--<div class="container">
    <div class="row">
        <div class="visible-lg-block">visible-lg-block</div>
        <div class="visible-md-block">visible-md-block</div>
        <div class="visible-sm-block">visible-sm-block</div>
        <div class="visible-xs-block">visible-xs-block</div>
    </div>

    <div class="row">
        <div class="hidden-xs">hidden-xs</div>
        <div class="hidden-sm">hidden-sm</div>
        <div class="hidden-md">hidden-md</div>
        <div class="hidden-lg">hidden-lg</div>
    </div>
</div>-->

<div class="container">
    <img src="../img/desktop.jpg" class="visible-lg-inline-block visible-md-inline-block"/>
    <img src="../img/tablet.jpg" class="visible-sm-inline-block"/>
    <img src="../img/phone.jpg" class="visible-xs-inline-block"/>
</div>


</body>
</html>